<!DOCTYPE html>
<html lang="en">
<head>
	<base href="../index.html">
	<meta charset="UTF-8">
	<title>购物车</title>
	<link rel="stylesheet" type="text/css" href="css/mjl.css" />
	<link rel="stylesheet" href="css/cart.css">
	<script src="js/mjl.js"></script>
	<script src="js/cart.js"></script>
	<script src='js/common.js'></script>

</head>
<body>
	<div  id="header" class='first'>
        <header>
	        <div class="header-top wrap">
	            <p class='lt'>
	                Welcome, <a href="#">Sign in</a> or <a href="#">Reqister</a>  <span class='tr'> text </span>
	                <a href="#">    Sign out</a>
	            </p>

	            <div class="rt">
	                <span class='MyAccount'>
	                    <span>My Account <img src="img/(3).jpg" class='avtive'></span>

	                    <ul class='MyLink'>
	                        <li><a><img src="img/a (1).jpg" alt=""><span>My Wallet</span></a></li>
	                        <li><a><img src="img/a (2).jpg" alt=""><span>My Order</span></a></li>
	                        <li><a><img src="img/a (3).jpg" alt=""><span>My Profile</span></a></li>
	                        <li><a><img src="img/a (4).jpg" alt=""><span>My Coupons</span></a></li>
	                        <li><a><img src="img/a (5).jpg" alt=""><span>Wish List </span></a></li>
	                        <li><a><img src="img/a (6).jpg" alt=""><span>My Messages</span></a></li>
	                    </ul>
	                </span>
	                <span class='MyCart'>
	                    <img src="img/(2).jpg" alt=""> <span class='QTY'></span> Items 
	                    <span ><a class='tr SUM'></a></span><img src="img/(3).jpg" class='change'>
	                </span>
	                
	                <a href="">Order Tracking</a>
	                <img src="img/(1).jpg" alt="">
	                <a href="">Help</a>
	            </div>
	        </div>
        	<div class='header-bottom wrap'>
	            <div class='logo lt'>
	                <img src="img/(4).jpg" alt="">
	            </div>
	            <div class='search rt' >
	                <div class="searbox">
	                    <img src="img/(5).jpg" alt="">
	                    <input type="text" placeholder='Please enter the keywords'>
	                    <button id='Searchbtn'>Search</button>
	                </div>
	                <div class="hotkey">
	                    <a href="">LV handbags</a>
	                    <a href="">shoes</a>
	                    <a href="">Rolex watch</a>
	                </div>
	            </div>
        	</div>
        </header>
    </div>

	<div class="mcnav ">
            <ul class='nav_container wrap'>
                <li class='mcActive'>
                    ALL CATEGORIES 
                    <span id='nav_btn'>
                        <img src="img/mcNav1.jpg" alt="" class='CATEGORIES'>
                    </span>
                    <ul id='navlist'>
                        <div id='navDeatils'>
                        </div>

                        <div id='showNav'>
                            <div class='mctitle'>
                                <span>New Arrivals </span>
                                <span><img src="img/09nav_03.jpg" alt=""></span>
                            </div>
                            <p>Final sale   <img src="img/mcNav3.jpg" alt=""></p>
                            <p class='fath'>
                                <span>Louis Vuitton</span> 
                                <span>
                                    <img src="img/09nav_07.jpg" alt="" >
                                </span>
                            </p>
                            <p class='fath'>
                                <span>Louis Vuitton</span> 
                                <span>
                                    <img src="img/09nav_07.jpg" alt="" >
                                </span>
                            </p>
                            <p class='fath'>
                                <span>Louis Vuitton</span> 
                                <span>
                                    <img src="img/09nav_07.jpg" alt="" >
                                </span>
                            </p>
                            <p class='fath'>
                                <span>Louis Vuitton</span> 
                                <span>
                                    <img src="img/09nav_07.jpg" alt="" >
                                </span>
                            </p>
                            <p class='fath'>
                                <span>Louis Vuitton</span> 
                                <span>
                                    <img src="img/09nav_07.jpg" alt="" >
                                </span>
                            </p>
                        </div>   
                    </ul>
                </li>
                
                
                
            

                <li class='Home'><a href="">Home</a><span class='Mborder'>|</span></li>
                <li class='Home'><a href="">New Arrivals</a><span class='Mborder'>|</span></li>
                <li class='Home'><a href="">Final saled</a><span class='Mborder'>|</span></li>
                <li class='Home'><a href=""><span><img src="img/mcNav2.jpg" alt="" class='coin'></span>Brands</a><span class='Mborder'>|</span></li>
                <li class='Home'><a href=""><span><img src="img/mcNav3.jpg" alt="" class='coin'></span>Albums</a></li>
            </ul>
    </div>

	<div class='cartmain wrap'>
		<div class='main-top'>
			<ul>
				<li>
					<img src="img/cart01.jpg" alt="" class='pos'>
					<span><h1><i>1</i></h1>.MY SHOPING CART</span>
				</li>
				<li>
					<span><img src="img/cart02.jpg" alt="" class='pos'></span>
					<span><h1><i>2</i></h1>.SHIPPING</span>
				</li>
				<li>
					<img src="img/cart02.jpg" alt="" class='pos'>
					<span><h1><i>3</i></h1>.PAYMENT</span>
				</li>
				<li>
					<img src="img/cart02.jpg" alt="" class='pos'>
					<span><h1><i>4</i></h1>.ORDER SUCCESSFUL</span>
				</li>
			</ul>
		</div>
		<div class='main-middle wrap'>
			<div class='main-items'>
				<ul>
					<li>Your Item(s)</li>
					<li>Quantity</li>
					<li>Price</li>
					<li>Total price</li>
					<li>Remove</li>
				</ul>
			</div>

			<div id='McartList'>	
			</div>

            <div class='checkout'>
                <div class='tip lt'>
                     <span class='black'><img src="img/3331.jpg" alt=""></span>
                    <a href="" class='Shopping'>Continue Shopping</a>
                </div>
               <div class='checktotal rt'>
                   <li>Cart Total: <span class='AllTotal'></span></li>
                   <li>Your Total Saving: <span class='AllSaving'></span></li>
                   <li><div class='pay'>PROCEDD TO CHECKOUT <img src="img/pay009.jpg" alt=""> </div></li>
               </div>
            </div>
		</div>
        
        
	</div>
    <div class='hotitemsbg'>
        
        <img src="img/prev_03.jpg" alt="" class='prev'>
       
        <div class='hotItems wrap'>
            

            <p class='yt'>Hot Items</p>
            <div class='Hotitems'>
                
            </div>
        </div>
         <img src="img/next_03.jpg" alt="" class='next'>
    </div>
    <div id="footer">
        <footer>
            <div class="F_link wrap">
                <ul>
                    <p><a href="">Customer Service</a></p>
                    <li><a href="">Shopping Guide</a></li>
                    <li><a href="">Rturn Policy</a></li>
                    <li><a href="">FQA</a></li>
                    <li><a href="">Shipping</a></li>
                    <li><a href="">Contack</a></li>
                </ul>
                <ul>
                    <p><a href="">Company Info</a></p>
                    <li><a href="">About Us</a></li>
                    <li><a href="">Why Buy Form Us</a></li>
                    <li><a href="">Privacy & Securiry Policy</a></li>
                    <li><a href="">Term of Use</a></li>
                </ul>
                <ul>
                    <p><a href="">Make Money With Us</a></p>
                    <li><a href="">Wholesale</a></li>
                    <li><a href="">Points &  Coupon，Gifts</a></li>
                </ul>
                <ul>
                    <p><a href="">Join our community</a></p>
                    <li><img src="img/Flink_03.jpg" alt=""></li>
                    <li><img src="img/Flink_06.jpg" alt=""></li>
                    <li><img src="img/Flink_09.jpg" alt=""></li>
                </ul>
                <ul>
                    <img src="img/Email.jpg" alt="" class='lt'>
                    <div class='email'>
                        <li>Enter your E-mail address and get your FREE E-Book!</li>
                        <input type="text" placeholder='Enter your E-mail address'>
                        <button class='Ebtn'><img src="img/E-mail.jpg" alt="" class='EPic'>Subscribe</button>
                    </div>  
                </ul>
            </div>
            <div class='footer_bottom wrap'>
                <div class='imgList'>
                    <a href=""><img src="img/pay_33.jpg" alt=""></a>
                    <a href=""><img src="img/pay_39.jpg" alt=""></a>
                    <a href=""><img src="img/pay_13.jpg" alt=""></a>
                    <a href=""><img src="img/pay_15.jpg" alt=""></a>
                    
                    <a href=""><img src="img/pay_17.jpg" alt=""></a>
                    <a href=""><img src="img/pay_19.jpg" alt=""></a>
                    <a href=""><img src="img/pay_21.jpg" alt=""></a>
                    <a href=""><img src="img/pay_23.jpg" alt=""></a>
                    <a href=""><img src="img/pay_25.jpg" alt=""></a>
                    <a href=""><img src="img/pay_27.jpg" alt=""></a>
                    <a href=""><img src="img/pay_30.jpg" alt=""></a>
                    <a href=""><img src="img/pay_36.jpg" alt=""></a>
                </div>
                <div class='copyright'>
                    <p>&copy; 2008-2013 <a href="">Outletinbox.com</a></p>
                    <span>  All Rights Reserved.</span>
                </div>
            </div>  
        </footer>
        <span id="toTop">Top</span>
    </div>
</body>
</html>